Page({
  data: {
    latitude: 38.307222,
    longitude: 114.368056,
    markers: [
      { id: 1, latitude: 38.31075, longitude: 114.37705, name: '中山公园', iconPath: '../../images/static/point2.png' },
      { id: 2, latitude: 38.307222, longitude: 114.368056, name: '森林工业园', iconPath: '../../images/static/point2.png' },
      { id: 3, latitude: 38.399515, longitude: 112.746426, name: '抱犊寨', iconPath: '../../images/static/point2.png' },
      { id: 4, latitude: 38.088451, longitude: 114.276964, name: '营地B', iconPath: '../../images/static/point2.png' }
      // ...其他营地数据
    ],
    searchMarkers: [], // 用于存储搜索结果的标记点
    campItem: {}, // 当前选中的营地详细信息
    show: false, // 控制弹出层显示隐藏
    value: '' // 绑定输入框的值
  },

  onLoad: function() {
    // 页面加载时的逻辑
    this.setData({
      searchMarkers: this.data.markers // 初始化搜索结果为所有标记点
    });
  },

  tapPoint: function(e) {
    // 处理标记点点击事件
    const marker = e.marker;
    this.setData({
      campItem: marker, // 设置当前选中的营地详细信息
      show: true // 显示弹出层
    });
  },

  goFindCamp: function() {
    // 处理搜索框点击事件
    const keyword = this.data.value;
    if (!keyword) {
      // 如果没有输入关键词，显示所有标记点
      this.setData({
        searchMarkers: this.data.markers
      });
      return;
    }
    // 过滤markers数组，只保留包含关键词的标记点
    const filteredMarkers = this.data.markers.filter(marker => 
      marker.name.includes(keyword)
    );
    // 更新searchMarkers数据，只显示搜索结果
    this.setData({
      searchMarkers: filteredMarkers
    });
  },

  onSearchInput: function(event) {
    // 处理输入事件
    this.setData({
      value: event.detail
    });
  },

  onClose: function() {
    // 处理弹出层关闭事件
    this.setData({
      show: false // 隐藏弹出层
    });
  }
});